import React from 'react'
import { Layout } from 'antd';
import MyHeader from './components/MyHeader'
import MyContent from './components/MyContent'
import MyFooter from './components/MyFooter';
import { getUserInfoApi } from '../../apis/user';
export default function index() {
    React.useEffect(()=>{
        //通知App强制更新，以便更新路由配置
        eventBus.emit("refreshRoutes")
    },[]);
    // 是否有token
    const token = localStorage.token
    // token是否为真
    const [isTrueToken, setIsTrueToken] = React.useState(true)
    // 存一个不会因为函数重置而重置的数，用于限制判断token是否为真接口调用次数
    const countRef = React.useRef(0)
    // 如果token为假就跳转login
    if (!token) {
        window.location.pathname('/login')
        return null
    } else {
        if (countRef.current == 0) {
            countRef.current++
            getUserInfoApi()
                .then(res => {
                    // token是真的
                    // console.log('判断token真假',res);
                    setIsTrueToken(true)
                }).catch(err => {
                    // token是假的
                    // console.log('token是假的');
                })
            // token是假的就返回null
            if (!isTrueToken) {
                return null
            } else {
                return (
                    <Layout>
                        <MyHeader></MyHeader>
                        <MyContent></MyContent>
                        <MyFooter></MyFooter>
                    </Layout>
                );
            }

        }

    }
}
